<html>
<head>
    {% include 'common/top.html' %}
    <style type="text/css">
        h3 {
        color:#1BA2E1
        }
        hr {
        #1BA2E1;
        }
    </style>
</head>
<body style="background:#D6D6D6">
{% include 'common/header.html' %}
{% include 'common/service_nav.html' %}
<div style="margin:30px 100px">
    <div class="col-md-12" style="margin-top:25px;margin-bottom:25px;background:white">
        <div class="col-md-8" style="margin-bottom:0px;background:white;border-right:25px solid #D6D6D6;">
            <h3>预约挂号</h3>
            <hr>
            <div class="col-md-4" style="background:white">
                <img align="center" width="150px"
                     src="http://maislook.oss-cn-shanghai.aliyuncs.com/hospital_weixin.jpg">
            </div>
            <div class="col-md-6" style="background:white">
                <div>
                    <div class="col-md-12"><p style="font-size:17px;">电话预约</p></div>
                    <div class="col-md-12"><p style="font-size:17px;">85043120-8028</p></div>
                </div>
                <div>
                    <div class="col-md-12"><p style="font-size:17px;">现场预约</p></a></div>
                    <div class="col-md-12"><p style="font-size:17px;">带上身份证到挂号窗口办理即可</p></div>
                </div>
                <div>
                    <div class="col-md-8"><p style="font-size:17px;">微信预约</p></div>
                    <div class="col-md-8"><a href="service_pre" style="font-size:17px;">点击查看详情</a></div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <h3>就诊须知</h3>
            <hr>
            {% for info in medic_infos %}
            <div>
                <div class="col-md-8" style="margin-top:10px"><a style="color:black" href={{info.url}}>{{info.title}}</a>
                </div>
            </div>
            {% endfor %}
            <div class="col-md-6" style="font-size:17px;margin-top:10px">
                <a href="medical_info_list">更多须知</a>
            </div>
        </div>
    </div>
    <div class="col-md-12" style="margin-bottom:25px;background:white">
        <h3>特色专科</h3>
        <hr>
        {% for info in special_list %}
        <div class="col-md-3" align="center">
            <a href={{info.url}}><img src={{info.cover}}></a>
            <h4>{{info.name}}</h4>
        </div>
        {% endfor %}
    </div>
</div>
{% include 'common/foot.html' %}

</body>

